layui.use(['table', 'jquery', 'laydate'], function () {
    var table = layui.table,
        $ = layui.jquery;

    findAll();

    function findAll() {

        let studentId = $('#studentId').val();
        let username = $('#username').val();
        let gender = $("#gender option:selected").val();
        let params = {
            studentId: studentId,
            username: username,
            gender: gender,
        };
        //table样式
        table.render({
            elem: '#dataList'
            , url: URL + "/sign/findAllStudent"
            , where: params
            //如果无需传递额外参数，可不加该参数
            , method: 'get'
            , request: {
                pageName: 'pageNum' //页码的参数名称，默认：page
                , limitName: 'pageSize' //每页数据量的参数名，默认：limit
            }
            , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            , height: 420
            , toolbar: '#toolbar' //开启头部工具栏，并为其绑定左侧模板
            , skin: 'line' //表格风格
            , even: true  //双数
            , page: true //是否显示分页
            , limits: [5, 10, 20, 30, 50] //每页显示多少条
            , limit: 10 //每页默认显示的数量
            , title: '学生数据表'
            , cols: [[
                {type: 'checkbox', fixed: 'left'}
                , {field: 'id', width: 80, title: 'ID', sort: true, fixed: 'left'}
                , {field: 'studentId', width: 80, title: '学号', sort: true, fixed: 'left'}
                , {field: 'username', width: '12%', title: '用户名'}
                , {
                    field: 'avatar', width: 120, title: '头像', templet: function (e) {
                        //判断图片是否为空
                        e.avatar === null || e.avatar === undefined ? e.avatar = '/upload/img_null.png' : e.avatar;
                        return '<img src="' + e.avatar + '" width="80px" height="30px">'
                    }
                }
                , {field: 'genderStr', width: 80, title: '性别', sort: true}
                , {field: 'phone', width: '15%', title: '电话'}
                , {
                    field: 'team', width: '18%', title: '小组', templet: e => {
                        if (e.team != null && e.team !== undefined && e.team !== '') {
                            return e.team;
                        } else {
                            return '暂未分配';
                        }
                    }
                }
                , {
                    field: 'userRole', width: 130, title: '用户角色', templet: function (e) {
                        let result = e.userRole;
                        return showUserRole(result);
                    }
                }
                , {field: 'sequence', width: 80, title: '排序号', sort: true}
            ]]

        });
    }

    //监听头工具栏事件
    table.on('toolbar(dataList)', function (obj) {
        var checkStatus = table.checkStatus(obj.config.id)
            , data = checkStatus.data; //获取选中的数据
        switch (obj.event) {
            case 'pointTo':

                startPointTo();
        }
    });

    /**
     * 查询
     */
    $('#query').on('click', function () {
        findAll()
    });

    /**
     * 开始点到
     */
    function startPointTo() {
        //从redis中获取当前登录用户
        let result = loginUserAjax();
        let userId = result.data;
        sessionStorage.setItem("userId", userId);
        layer.open({
            title: '小组成员',
            //调整弹窗大小
            area: ["100%", "100%"],
            //点击旁边地方自动关闭
            shadeClose: true,
            anim: 2,
            type: 2,
            content: 'signStudentTable.html'
        })
    }

});